<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <!--BEGIN SIDEBAR MENU-->
        <!-- 左侧菜单栏 -->
        <nav id="sidebar"  th:fragment="leftToolbar" role="navigation" class="navbar-default navbar-static-side">
            <!--左边内容 下拉内容 -->
            <div class="sidebar-collapse menu-scroll">
                <ul id="side-menu" class="nav">
                    <li class="user-panel">
                        <input type="hidden" id="img" th:value="${session.employee.headImage}"/>
                        <div class="thumb"><img id="showHead" src="images\gallery\1.jpg" alt="" class="img-circle"/>
                            <script type="text/javascript">
                                function chageImg() {
                                    $("#showHead").attr("src","/static/upload/empImgs/"+$("#img").val());
                                }
                                chageImg();
                            </script>
                        </div>
                        <div class="info">
                            <p>欢迎你:[[${session.employee.username}]]</p><!--session.employee.realName-->
                            <ul class="list-inline list-unstyled">
                                <li onclick="$('#showEmpInfo').modal('show');"><a href="#" on data-hover="tooltip" title="个人"><i
                                        class="fa fa-user"></i></a>
                                </li>
                                <!--<li><a href="email-inbox.html" data-hover="tooltip" title="信息"><i class="fa fa-envelope"></i></a>
                                </li>
                                <li><a href="#" data-hover="tooltip" title="设置" data-toggle="modal" data-target="#modal-config"><i class="fa fa-cog"></i></a>
                                </li> -->
                                <li onclick="javascript:location.href='/logout'"><a href="#" data-hover="tooltip" title="退出"><i
                                        class="fa fa-sign-out"></i></a>
                                </li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                    </li>
                    <!--所有选择的内容 要做的内容有那些 -->
                    <li class="bangding1" id="stay"><a href="#" class="bangding"><i class="fa fa-laptop fa-fw">
                        <div class="icon-bg bg-pink"></div>
                    </i><span class="menu-title bangding2">住宿管理</span><span class="fa arrow"></span>
                        <!--<span class="label label-yellow">v3.0</span>--></a>
                        <ul class="nav nav-second-level">
                            <!-- 详细页面信息 -->
                            <li class="bangding1" onclick="javascript:location.href='/orders/getOrdersList?pageNum=1&orderState=预订中'"><a href="#"><i class="fa fa-rocket"></i><span class="submenu-title bangding2">房间预订</span></a>
                            </li>
                            <li class="bangding1" onclick="javascript:location.href='/orders/getOrdersList?pageNum=1&orderState=入住&orderStatus=0'"><a href="#"><i class="fa fa-rocket"></i><span class="submenu-title bangding2">入住登记</span></a>
                            </li>
                            <li class="bangding1" onclick="javascript:location.href='/orders/getOrdersList?pageNum=1&orderState=入住结算&orderStatus=1'"><a href="#"><i class="fa fa-rocket"></i><span class="submenu-title bangding2">账单结算</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="bangding1" id="room"><a href="#"><i class="fa fa-desktop fa-fw">
                        <div class="icon-bg bg-pink"></div>
                    </i><span class="menu-title bangding2">房间管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li class="bangding1" onclick="javascript:location.href='/roomType/toRoomType?pageNum=1'"><a href="#"><i class="fa fa-align-left"></i>
                                <span class="submenu-title bangding2 dianjiRoomSet">房型管理</span></a></li>
                            <li class="bangding1" onclick="javascript:location.href='/room/toRoomSet?pageNum=1'"><a href="#"><i class="fa fa-angle-double-left"></i>
                                <span class="submenu-title bangding2">房间设置</span></a>
                            </li>
                        </ul>
                    </li>
                    <li class="bangding1" id="SystemManage"><a href="#" class="bangding"><i class="fa fa-send-o fa-fw">
                        <div class="icon-bg bg-green"></div>
                    </i><span class="menu-title bangding2">系统管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li class="bangding1" onclick="javaScript:location.href='/employee/toEmployee?pageNum=1'"><a href="#"><i class="fa fa-briefcase"></i><span
                                    class="submenu-title bangding2">人员管理</span></a></li>
                            <li class="bangding1" onclick="javascript:location.href='/customer/list?pageNum=1'"><a href="#"><i class="fa fa-instagram"></i><span
                                    class="submenu-title bangding2">用户管理</span></a></li>
<!--                            <li class="bangding1" onclick="javascript:location.href='/employee/toPassword'"><a href="#"><i class="fa fa-hand-o-up"></i><span-->
<!--                                    class="submenu-title bangding2">修改个人密码</span></a></li>-->
                        </ul>
<!--                    </li>-->
<!--                    <li class="bangding1" id="logging"><a href="#" class="bangding"><i class="fa fa-rocket fa-fw">-->
<!--                        <div class="icon-bg bg-green"></div>-->
<!--                    </i><span class="menu-title bangding2">日志管理</span><span class="fa arrow"></span></a>-->
<!--                        <ul class="nav nav-second-level">-->
<!--                            <li class="bangding1" onclick="javascript:location.href='/logging/toLogging?pageNum=1'"><a href="#"><i class="fa fa-spinner"></i><span class="submenu-title bangding2">日志查看</span></a>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                    </li>-->
<!--                    <li class="bangding1" id="statistics"><a href="#" class="bangding"><i class="fa fa-edit fa-fw">-->
<!--                        <div class="icon-bg bg-violet"></div>-->
<!--                    </i><span class="menu-title bangding2">财务统计</span><span class="fa arrow"></span></a>-->
<!--                        <ul class="nav nav-second-level">-->
<!--                            <li class="bangding1" onclick="javascript:location.href='/finance/toFinance'"><a href="#" ><i class="fa fa-columns"></i><span class="submenu-title bangding2">财务查看</span></a>-->
<!--                            </li>-->
<!--                        </ul>-->
<!--                    </li>-->
                </ul>
            </div>
        </nav>
    </body>
</html>